CSS、JS 第十二天 基础学习

CSS简介

· css指层叠样式表,样式定义如何显示HTML元素,外部样式可以
提高工作效率。

·

style的三种方式

内联式

 在标签内部标出style:
 <p style="color:red;">人生应该奋斗不止</p>

嵌入

    通过head头引用style内的标签样式来,如图所示:

嵌入式

外部

   通过link标签来确定,引用外部的css格式来保证样式的引用

外部引用

CSS选择器

     选择器是常用的样式选择器:
     常有:.class #id  直接标签形式的<p>,<div>,<hr>,<input>

选择器

style属性

backgroud-color

    定义背景颜色:
    <p style="background-color:red">梁楚</p>

font-family

    定义文字字体系列
    <p style="font-family:verdana">A heading</p>

color

    定义文字颜色
    <p style="color: black">历险</p>

font-size

    定义文字大小
    <p style="font-size: 20px">hello world</p>

text-align

    定义文本对齐方式
    <p style="text-align: center">中心</p>

margin

    定义外边距属性,该属性有:上,右,下,左。
    margin:10px 5px 15px 20px;
    margin-top  #头部距离
    margin-right #距边框左边的距离
    margin-left  #距边框右边的距离

JS简介

    JS是属于HTML和web的编程语言,js与html有很强的交互。

js方法

getElementById()

    通过标签id来修改,标签内部的元素。
实例:
    document.getElementById("demo").innerHTML="hello world"    

alert

    alert,通过弹窗输出数据,windows.alert()
<script type="text/javascript">
    window.alert(1)
</script>

getElementsByTagName(‘img’)

    返回带有指定标签名的对象集合

getElementsByTagName

getElementsByClassName

   在 class="example" 的列表中修改 class="child" 的第一项(索引值为 0) 的文:
实例:
var list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";

getElementByClassName


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 zhumeng512@qq.com

文章标题:CSS、JS 第十二天 基础学习

本文作者:弈少

发布时间:2019-07-31, 19:26:50

最后更新:2019-08-01, 13:09:08

原始链接:http://yoursite.com/2019/07/31/北京渗透测试第十二天 20190731/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏

相册